import React from 'react'
import CreateIcon from '@/utils/icon'
import WorldImg from '@/assets/map.png'
import Dot from '@/assets/dot.png'
import Pop from '@/assets/pop.png'
import List from '@/assets/list.png'
import Cloud from '@/assets/cloud.png'

// Components
export const BarChart = CreateIcon(
  <svg width="144" height="80" viewBox="0 0 144 80" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="144" height="80" fill="#1D1E1F"/>
    <g clipPath="url(#clip0)">
      <path fillRule="evenodd" clipRule="evenodd" d="M20.4063 67.8484H137.711V67.7154H20.4063V67.8484Z" stroke="white" strokeOpacity="0.45" strokeWidth="0.128989" strokeLinecap="square"/>
      <path d="M45.3848 69.512V70.577H44.2734V70.7937H45.3848V72.3385H45.6139V71.3231C45.8801 71.45 46.2052 71.6326 46.5952 71.871L46.7222 71.6822C46.3476 71.4624 45.9792 71.2704 45.6139 71.1064V70.7937H47.0255V70.577H45.6139V70.1126H46.62V69.8959H45.6139V69.512H45.3848ZM48.8882 70.3169V70.6946H48.1607C48.3092 70.5182 48.4393 70.3262 48.5507 70.1219H50.1605V69.9052H48.6591C48.7148 69.7845 48.7643 69.6545 48.8077 69.5182L48.5817 69.4904C48.5352 69.6328 48.4795 69.769 48.4114 69.9052H47.4672V70.1219H48.2938C48.0678 70.4996 47.7582 70.8308 47.365 71.1218L47.5074 71.3076C47.6901 71.1683 47.8573 71.0197 48.0121 70.8618V72.0475H48.2257V70.902H48.8882V72.3416H49.1018V70.902H49.7612V71.6884C49.7612 71.7781 49.7116 71.8246 49.6126 71.8246L49.337 71.8184L49.3928 72.0258H49.6838C49.8757 72.0258 49.9748 71.9267 49.9748 71.7348V70.6946H49.1018V70.3169H48.8882ZM50.7384 69.738V69.9485H51.7909C51.6547 70.1838 51.3142 70.3417 50.7755 70.4222L50.8963 70.6203C51.3018 70.5398 51.6052 70.4098 51.8064 70.2303C52.2119 70.3262 52.6082 70.4532 52.9983 70.6141L53.119 70.4284C52.7599 70.2953 52.3667 70.1807 51.9395 70.0817C51.9674 70.0414 51.9922 69.9981 52.0169 69.9485H53.1654V69.738H52.0788C52.085 69.6947 52.0881 69.6173 52.0881 69.512H51.8621C51.8621 69.608 51.859 69.6823 51.859 69.738H50.7384ZM50.5805 70.7008V70.9175H52.6794V71.9948C52.6794 72.0877 52.6206 72.1372 52.506 72.1372C52.4132 72.1372 52.3141 72.131 52.215 72.1249L52.2615 72.3354H52.5803C52.794 72.3354 52.9023 72.2394 52.9023 72.0475V70.9175H53.3109V70.7008H50.5805ZM50.9675 71.1745V71.9546H52.1624V71.1745H50.9675ZM51.9519 71.7596H51.178V71.3664H51.9519V71.7596ZM56.3004 71.1807H55.2757C55.381 71.0537 55.4676 70.9082 55.5419 70.7442H56.5047V70.5398H55.6224C55.6534 70.4501 55.6782 70.3541 55.7029 70.2519L55.4862 70.2272C55.4645 70.3355 55.4367 70.4408 55.3995 70.5398H54.638V70.7442H55.3098C55.1612 71.0321 54.9383 71.2611 54.6442 71.4314L54.7463 71.6172C54.8702 71.546 54.9878 71.4624 55.0931 71.3695V72.3199H55.3005V72.1341H56.0961V72.3199H56.3004V71.1807ZM55.3005 71.936V71.3788H56.0961V71.936H55.3005ZM54.6689 69.7969V70.0012H55.0776V70.3169H55.2912V70.0012H55.867V70.3169H56.0837V70.0012H56.4707V69.7969H56.0837V69.4966H55.867V69.7969H55.2912V69.4966H55.0776V69.7969H54.6689ZM54.0529 69.5399L53.8981 69.6916C54.1179 69.8557 54.2913 70.0105 54.4182 70.1591L54.5699 70.0043C54.4275 69.8495 54.2572 69.6947 54.0529 69.5399ZM53.6752 70.4501V70.6637H54.1117V71.902C54.1117 71.9484 54.09 71.9917 54.0498 72.032L54.1334 72.2301C54.3098 72.1001 54.477 71.9484 54.6349 71.7812L54.573 71.546C54.4894 71.6388 54.4089 71.7224 54.3284 71.7998V70.4501H53.6752Z" fill="white" fillOpacity="0.45"/>
      <path d="M67.8011 70.0259V70.1188H69.0022V70.0197C69.2035 70.1126 69.4356 70.1962 69.7019 70.2705L69.8133 70.0971C69.1973 69.9238 68.7608 69.7226 68.5069 69.4966H68.3274C68.0178 69.7411 67.5813 69.9424 67.0117 70.0971L67.1231 70.2705C67.3677 70.2024 67.5937 70.1219 67.8011 70.0259ZM68.8753 69.9578H67.9404C68.1138 69.8712 68.2716 69.769 68.4171 69.6575C68.541 69.7628 68.6927 69.865 68.8753 69.9578ZM67.4915 70.2891V70.8061H69.3118V70.2891H67.4915ZM69.1013 70.6482H67.702V70.4501H69.1013V70.6482ZM69.4016 70.8958C68.8444 70.967 68.1447 71.0042 67.3027 71.0073L67.3615 71.1745C67.7082 71.1745 68.0333 71.1683 68.3305 71.1559V71.354H67.3089V71.5181H68.3305V71.7193H67.0612V71.902H68.3305V72.032C68.3305 72.1156 68.2871 72.1589 68.2004 72.1589C68.0921 72.1589 67.9775 72.1527 67.8537 72.1434L67.8971 72.3354H68.2685C68.4543 72.3354 68.5503 72.2487 68.5503 72.0784V71.902H69.7545V71.7193H68.5503V71.5181H69.5347V71.354H68.5503V71.1435C68.9063 71.1249 69.2189 71.094 69.4914 71.0537L69.4016 70.8958ZM70.5212 69.509C70.4407 69.8773 70.3076 70.2148 70.1219 70.5182L70.3045 70.6327C70.4098 70.4624 70.4995 70.2736 70.58 70.0662H71.2116V69.8526H70.6543C70.6853 69.7566 70.7132 69.6575 70.7379 69.5523L70.5212 69.509ZM70.4222 70.4779V70.6791H70.6327V71.0599H70.224V71.2642H70.6327V71.9701C70.6327 72.0134 70.5986 72.0475 70.5336 72.0691L70.6234 72.2549C70.8834 72.1837 71.1125 72.0939 71.3137 71.9825L71.2735 71.7843C71.1311 71.8679 70.9887 71.9329 70.8494 71.9825V71.2642H71.2642V71.0599H70.8494V70.6791H71.1527V70.4779H70.4222ZM71.6728 70.2767H72.0443V70.416C72.0412 70.577 72.0319 70.7318 72.0165 70.8804H71.3416V71.094H71.9855C71.9576 71.2488 71.9205 71.3912 71.871 71.5181C71.7533 71.7874 71.5459 72.0041 71.2487 72.1682L71.3725 72.3601C71.6821 72.1961 71.905 71.967 72.0412 71.676C72.0877 71.5707 72.1248 71.4562 72.1558 71.3323C72.2734 71.7565 72.5056 72.097 72.8585 72.3539L72.9823 72.1558C72.6108 71.902 72.3818 71.549 72.2982 71.094H72.9204V70.8804H72.2332C72.2486 70.738 72.2579 70.5832 72.261 70.416V70.2767H72.8183V70.06H72.261V69.512H72.0443V70.06H71.7378C71.7657 69.9547 71.7936 69.8402 71.8183 69.7226L71.6109 69.6792C71.5459 70.0136 71.4407 70.3231 71.2982 70.6017L71.4933 70.7225C71.5583 70.5863 71.6171 70.4377 71.6728 70.2767Z" fill="white" fillOpacity="0.45"/>
      <path d="M106.121 70.06L105.942 71.0692H107.146C107.146 71.5583 107.121 71.8555 107.072 71.9546C107.028 72.0537 106.889 72.1063 106.657 72.1063C106.601 72.1063 106.502 72.097 106.36 72.0846L106.421 72.3013C106.521 72.3075 106.617 72.3106 106.706 72.3106C106.976 72.3106 107.152 72.2549 107.236 72.1434C107.316 72.0258 107.356 71.5986 107.356 70.8618H107.022L107.195 69.639H105.87V69.8495H106.948L106.802 70.8618H106.186L106.332 70.0724L106.121 70.06ZM105.836 71.4531V71.6574H106.92V71.4531H105.836ZM104.713 70.6482V70.8649H105.075V71.6543C104.936 71.6853 104.793 71.7131 104.651 71.7348L104.703 71.9484C105.078 71.8741 105.428 71.7843 105.75 71.676V71.4593C105.604 71.5088 105.456 71.5552 105.301 71.5986V70.8649H105.666V70.6482H105.301V69.9238H105.747V69.7102H104.66V69.9238H105.075V70.6482H104.713ZM107.984 69.738V69.9485H109.036C108.9 70.1838 108.56 70.3417 108.021 70.4222L108.142 70.6203C108.547 70.5398 108.851 70.4098 109.052 70.2303C109.457 70.3262 109.854 70.4532 110.244 70.6141L110.364 70.4284C110.005 70.2953 109.612 70.1807 109.185 70.0817C109.213 70.0414 109.238 69.9981 109.262 69.9485H110.411V69.738H109.324C109.33 69.6947 109.334 69.6173 109.334 69.512H109.108C109.108 69.608 109.104 69.6823 109.104 69.738H107.984ZM107.826 70.7008V70.9175H109.925V71.9948C109.925 72.0877 109.866 72.1372 109.751 72.1372C109.659 72.1372 109.56 72.131 109.46 72.1249L109.507 72.3354H109.826C110.039 72.3354 110.148 72.2394 110.148 72.0475V70.9175H110.556V70.7008H107.826ZM108.213 71.1745V71.9546H109.408V71.1745H108.213ZM109.197 71.7596H108.423V71.3664H109.197V71.7596ZM111.989 71.2364C111.76 71.549 111.404 71.8091 110.921 72.0134L111.041 72.2115C111.568 71.9546 111.945 71.6295 112.174 71.2364H112.221V72.3477H112.447V71.2364H112.503C112.722 71.5955 113.094 71.9205 113.614 72.2115L113.763 72.0258C113.264 71.7936 112.908 71.5305 112.691 71.2364H113.66V71.029H112.447V70.6699H112.221V71.029H111.01V71.2364H111.989ZM111.691 69.6049V70.029C111.691 70.382 111.472 70.5832 111.032 70.6358L111.147 70.8339C111.657 70.7503 111.914 70.4717 111.914 69.995V69.8123H112.778V70.4222C112.778 70.6203 112.877 70.7225 113.078 70.7225H113.611V70.512H113.137C113.041 70.512 112.995 70.4655 112.995 70.3727V69.6049H111.691Z" fill="white" fillOpacity="0.45"/>
      <path d="M87.488 71.6884C87.2341 71.7967 86.9369 71.8834 86.5964 71.9484L86.6242 72.1651C86.9462 72.1001 87.2341 72.0103 87.488 71.8989V71.6884ZM87.0979 69.5059C86.9834 69.8588 86.8471 70.1714 86.6924 70.4439C86.6676 70.4841 86.6366 70.512 86.5995 70.5244L86.6552 70.7287C86.8224 70.7039 86.9926 70.673 87.1598 70.642C86.9895 70.9268 86.8471 71.1311 86.7295 71.2488C86.7016 71.2735 86.6676 71.2952 86.6273 71.3107L86.6862 71.515C86.9617 71.4778 87.2496 71.4066 87.5468 71.3076V71.1064C87.3517 71.1745 87.1567 71.2302 86.9586 71.2704C87.1381 71.0568 87.3703 70.6977 87.6489 70.1931L87.4477 70.1188C87.3889 70.2303 87.3332 70.3355 87.2775 70.4377C87.1381 70.4655 86.9988 70.4903 86.8626 70.5089C87.0112 70.2798 87.1598 69.9733 87.3084 69.5894L87.0979 69.5059ZM87.6489 70.5708V70.7751H88.3826V71.1311C88.1288 71.4593 87.8347 71.7162 87.5065 71.9051L87.6211 72.1001C87.9121 71.9082 88.1659 71.6698 88.3826 71.3881V72.001C88.3826 72.0877 88.3455 72.1341 88.2743 72.1341C88.1907 72.1341 88.104 72.128 88.0111 72.1187L88.0576 72.3261H88.3486C88.5096 72.3261 88.59 72.2363 88.59 72.0567V71.2921C88.7975 71.645 89.042 71.9205 89.3268 72.1249L89.4445 71.9236C89.2402 71.7905 89.0606 71.6295 88.9027 71.4438C89.0575 71.3385 89.1937 71.1961 89.3145 71.0135L89.1504 70.8773C89.0451 71.0568 88.9275 71.1961 88.7913 71.3014C88.717 71.2054 88.652 71.1002 88.59 70.9887V70.7751H89.3795V70.5708H89.0235C89.0575 70.3448 89.0885 70.0662 89.1132 69.7349V69.6235H87.7944V69.8216H88.9058L88.878 70.1064H87.8625V70.2953H88.8563C88.8408 70.3943 88.8253 70.4841 88.8098 70.5708H87.6489ZM87.7511 70.9423L87.6397 71.1095C87.7697 71.1776 87.8997 71.2766 88.0297 71.4005L88.1381 71.2364C88.0204 71.1187 87.8935 71.0228 87.7511 70.9423ZM89.8242 69.7504V69.9516H90.4929V70.2241H90.7127V69.9516H91.6074V70.2241H91.8272V69.9516H92.4958V69.7504H91.8272V69.5059H91.6074V69.7504H90.7127V69.5059H90.4929V69.7504H89.8242ZM91.0687 70.1436C90.7591 70.4717 90.3164 70.7411 89.7406 70.9454L89.8614 71.1342C90.3815 70.9485 90.8149 70.6822 91.1585 70.3355C91.4433 70.6513 91.8767 70.9144 92.4587 71.128L92.5794 70.9392C91.951 70.7101 91.5083 70.447 91.2483 70.1436H91.0687ZM90.2298 71.1095V71.3231H91.047V72.0134C91.047 72.1001 91.0099 72.1465 90.9387 72.1465C90.8458 72.1465 90.7529 72.1403 90.6539 72.131L90.7003 72.3323H91.0099C91.1833 72.3323 91.2699 72.2425 91.2699 72.066V71.3231H92.0686V71.1095H91.2699V70.7503H91.047V71.1095H90.2298ZM90.6322 71.4871C90.4248 71.6853 90.1617 71.8462 89.8428 71.967L89.9388 72.1713C90.27 72.032 90.5455 71.8555 90.7684 71.6419L90.6322 71.4871ZM91.6476 71.4902L91.5362 71.6605C91.8086 71.7967 92.0779 71.9825 92.338 72.2208L92.4618 72.032C92.2172 71.8184 91.9448 71.6388 91.6476 71.4902Z" fill="white" fillOpacity="0.45"/>
      <path d="M126.893 71.7441C126.586 71.8586 126.23 71.9515 125.825 72.0196L125.852 72.2394C126.239 72.1682 126.586 72.0753 126.893 71.9577V71.7441ZM126.413 69.5182C126.274 69.8804 126.109 70.2024 125.924 70.481C125.893 70.5213 125.862 70.5491 125.825 70.5677L125.883 70.772C126.072 70.7472 126.261 70.7225 126.447 70.6946C126.261 71.0011 126.103 71.2178 125.973 71.3447C125.945 71.3695 125.911 71.3943 125.871 71.4128L125.933 71.6141C126.255 71.5707 126.589 71.484 126.939 71.3571V71.1528C126.698 71.2426 126.456 71.3138 126.215 71.3664C126.419 71.1311 126.676 70.7318 126.986 70.1652L126.787 70.091C126.71 70.2334 126.636 70.3665 126.568 70.4903C126.413 70.5151 126.258 70.5367 126.103 70.5522C126.28 70.3169 126.453 69.9981 126.626 69.5987L126.413 69.5182ZM127.694 69.93V71.9917H126.967V72.2084H128.629V71.9917H127.917V69.93H128.549V69.7164H127.054V69.93H127.694ZM129.037 69.7504V69.9516H129.706V70.2241H129.925V69.9516H130.82V70.2241H131.04V69.9516H131.709V69.7504H131.04V69.5059H130.82V69.7504H129.925V69.5059H129.706V69.7504H129.037ZM130.281 70.1436C129.972 70.4717 129.529 70.7411 128.953 70.9454L129.074 71.1342C129.594 70.9485 130.028 70.6822 130.371 70.3355C130.656 70.6513 131.089 70.9144 131.671 71.128L131.792 70.9392C131.164 70.7101 130.721 70.447 130.461 70.1436H130.281ZM129.443 71.1095V71.3231H130.26V72.0134C130.26 72.1001 130.223 72.1465 130.151 72.1465C130.059 72.1465 129.966 72.1403 129.867 72.131L129.913 72.3323H130.223C130.396 72.3323 130.483 72.2425 130.483 72.066V71.3231H131.281V71.1095H130.483V70.7503H130.26V71.1095H129.443ZM129.845 71.4871C129.638 71.6853 129.374 71.8462 129.056 71.967L129.152 72.1713C129.483 72.032 129.758 71.8555 129.981 71.6419L129.845 71.4871ZM130.86 71.4902L130.749 71.6605C131.021 71.7967 131.291 71.9825 131.551 72.2208L131.675 72.032C131.43 71.8184 131.158 71.6388 130.86 71.4902Z" fill="white" fillOpacity="0.45"/>
      <path fillRule="evenodd" clipRule="evenodd" d="M20.4063 4.75001H137.711V4.61703H20.4063V4.75001Z" stroke="white" strokeOpacity="0.151934" strokeWidth="0.128989" strokeLinecap="square"/>
      <path fillRule="evenodd" clipRule="evenodd" d="M20.4063 16.9841H137.711V16.8511H20.4063V16.9841Z" stroke="white" strokeOpacity="0.151934" strokeWidth="0.128989" strokeLinecap="square"/>
      <path fillRule="evenodd" clipRule="evenodd" d="M20.4063 29.75H137.711V29.617H20.4063V29.75Z" stroke="white" strokeOpacity="0.151934" strokeWidth="0.128989" strokeLinecap="square"/>
      <path fillRule="evenodd" clipRule="evenodd" d="M20.4063 42.25H137.711V42.117H20.4063V42.25Z" stroke="white" strokeOpacity="0.151934" strokeWidth="0.128989" strokeLinecap="square"/>
      <path fillRule="evenodd" clipRule="evenodd" d="M20.4063 55.0159H137.711V54.883H20.4063V55.0159Z" stroke="white" strokeOpacity="0.151934" strokeWidth="0.128989" strokeLinecap="square"/>
      <path d="M27.9413 69.8154V70.0197H29.0774V70.3138H28.1147V70.512H29.0774V70.8123H27.8392V71.0166H30.5448V70.8123H29.3065V70.512H30.2786V70.3138H29.3065V70.0197H30.4427V69.8154H29.7554C29.808 69.7195 29.8483 69.6204 29.8792 69.5151L29.6409 69.4842C29.6161 69.5956 29.5759 69.7071 29.5232 69.8154H28.8762C28.8298 69.6947 28.7834 69.5863 28.7338 69.4904L28.4985 69.5275C28.5543 69.6142 28.6038 69.7102 28.6471 69.8154H27.9413ZM29.0991 71.0971C29.0867 71.1837 29.0651 71.2673 29.0372 71.3478H27.9104V71.5583H28.935C28.8824 71.6419 28.8174 71.7162 28.7369 71.7812C28.5388 71.9391 28.2168 72.0598 27.7679 72.1434L27.8608 72.3601C28.3654 72.2549 28.7183 72.1125 28.9196 71.9298C29.0248 71.8308 29.1146 71.7193 29.1827 71.5893C29.387 71.9608 29.8297 72.2146 30.5108 72.3508L30.6284 72.1403C30.0186 72.0382 29.6068 71.8431 29.3932 71.5583H30.4767V71.3478H29.2787C29.3003 71.2797 29.3158 71.2023 29.3282 71.1218L29.0991 71.0971ZM30.9927 70.0569V70.2736H32.5189C32.5437 70.6637 32.5901 71.0042 32.6613 71.2983C32.847 71.9732 33.0761 72.3199 33.3516 72.3323C33.5095 72.3292 33.6364 72.1032 33.7293 71.6574L33.5281 71.5521C33.4631 71.8989 33.3981 72.0753 33.3362 72.0846C33.234 72.0846 33.1164 71.9112 32.9863 71.5707C32.8656 71.224 32.7851 70.7937 32.748 70.2736H33.6922V70.0569H32.7356C32.7263 69.8835 32.7232 69.7009 32.7232 69.509H32.4941C32.4941 69.6978 32.4972 69.8804 32.5065 70.0569H30.9927ZM31.0391 70.7875V70.998H31.584V71.8431C31.3858 71.8741 31.1815 71.9051 30.9772 71.9298L31.0298 72.1403C31.5437 72.066 32.0267 71.9763 32.4724 71.8679V71.6512C32.2557 71.7069 32.0359 71.7596 31.8069 71.8029V70.998H32.3517V70.7875H31.0391ZM33.1907 69.5244L33.0049 69.6142C33.1102 69.7349 33.2061 69.8712 33.2959 70.0259L33.4817 69.9331C33.3888 69.7845 33.2928 69.6483 33.1907 69.5244Z" fill="white" fillOpacity="0.45"/>
    </g>
    <path fillRule="evenodd" clipRule="evenodd" d="M35.5508 42.0505L35.5508 67.6489H23.7433L23.7433 42.0505H35.5508Z" fill="#5B8FF9"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M134.374 29.6169L134.374 67.6489H122.567V29.6169L134.374 29.6169Z" fill="#5B8FF9"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M55.3155 46.1064V67.649H43.508V46.1064L55.3155 46.1064Z" fill="#5B8FF9"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M75.0802 36V67.6489H63.2727L63.2727 36L75.0802 36Z" fill="#5B8FF9"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M94.845 11.2659L94.845 67.6489H83.0375L83.0375 11.2659L94.845 11.2659Z" fill="#5B8FF9"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M114.61 39.9894L114.61 67.649H102.802V39.9894H114.61Z" fill="#5B8FF9"/>
    <path d="M6.71929 39.1571L6.75953 39.3893C6.8555 39.3336 6.96076 39.2809 7.0784 39.2376V40.3706H7.292V39.8041L7.76256 39.6741V40.3087H8.43433C8.86464 40.3149 9.20208 40.4109 9.44354 40.5904L9.59524 40.4202C9.30424 40.2066 8.91727 40.0951 8.43433 40.0827H7.97616V37.86H7.76256V38.6153C7.61396 38.5503 7.45608 38.5008 7.292 38.4637V37.925H7.0784V39.0116C6.94528 39.058 6.82454 39.1076 6.71929 39.1571ZM7.76256 39.4543L7.292 39.5843V38.6773C7.45608 38.7082 7.61396 38.7608 7.76256 38.8289V39.4543ZM6.88955 36.9736H7.90186V35.2678H6.88955V36.9736ZM7.69135 35.4907V36.7507H7.10007V35.4907H7.69135ZM8.20834 36.2956V37.3853H9.5519V37.1655H9.39401V36.5123H9.5519V36.2956H8.20834ZM9.1835 37.1655H8.42195V36.5123H9.1835V37.1655ZM8.20834 34.8561V35.9767H9.5519V35.7569H9.39401V35.079H9.5519V34.8561H8.20834ZM9.1835 35.7569H8.42195V35.079H9.1835V35.7569ZM6.76882 32.5952H7.62634V33.1833H9.58904V32.9604H8.90488V32.0162H9.22994C9.32591 32.0162 9.37544 32.0565 9.37544 32.1339L9.36615 32.4311L9.57976 32.3723V32.0627C9.57976 31.8831 9.4776 31.7934 9.27947 31.7934H7.62634V32.3754H6.76882V32.5952ZM8.37242 32.9604V32.0162H8.71295V32.9604H8.37242ZM8.18048 32.0162V32.9604H7.83685V32.0162H8.18048ZM6.88646 33.075L6.97624 33.2638C7.12793 33.1586 7.30129 33.0626 7.49632 32.9728L7.40654 32.7933C7.2177 32.8831 7.04434 32.9759 6.88646 33.075ZM6.8586 31.8986C7.03815 31.9729 7.2177 32.0689 7.40345 32.1927L7.49632 32.0101C7.31677 31.8893 7.13412 31.7903 6.94528 31.7129L6.8586 31.8986ZM6.76573 34.0873C7.13721 34.174 7.47775 34.3133 7.78732 34.5052L7.90186 34.3226C7.7285 34.2111 7.53347 34.1152 7.31986 34.0316V33.3908H7.10935V33.9573C7.01338 33.9263 6.91432 33.8985 6.80907 33.8706L6.76573 34.0873ZM7.73469 34.1802H7.93592V33.982H8.32598V34.4093H8.5334V33.982H9.23923C9.27947 33.982 9.31043 34.013 9.3321 34.0749L9.52403 33.982C9.45593 33.7251 9.36615 33.4991 9.2578 33.3041L9.05967 33.3412C9.14326 33.4836 9.21136 33.626 9.2609 33.7653H8.5334V33.3381H8.32598V33.7653H7.93592V33.4434H7.73469V34.1802ZM8.05665 31.1051H8.84607V30.1454H9.01943V31.1825H9.16802V30.1454H9.35067V31.4146H9.52403V28.647H9.35067V29.9225H9.16802V28.873H9.01943V29.9225H8.84607V28.9504H8.05665V31.1051ZM8.70676 29.164V29.9225H8.51792V29.164H8.70676ZM8.70676 30.1454V30.8915H8.51792V30.1454H8.70676ZM8.3879 30.8915H8.19596V30.1454H8.3879V30.8915ZM8.19596 29.9225V29.164H8.3879V29.9225H8.19596ZM6.80907 31.037H7.57371V29.0154H6.80907V31.037ZM7.4406 29.2321V30.8203H7.25795V29.2321H7.4406ZM7.12483 30.8203H6.94528V29.2321H7.12483V30.8203ZM7.73469 31.4177H7.90186V28.6439H7.73469V31.4177Z" fill="white" fillOpacity="0.65"/>
    <defs>
      <clipPath id="clip0">
        <rect width="125.262" height="70.2128" fill="white" transform="translate(12.4492 3.02136)"/>
      </clipPath>
    </defs>
  </svg>,
)

export const Bar = CreateIcon(
  <svg width="144" height="80" viewBox="0 0 144 80" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="144" height="80" fill="#1D1E1F"/>
    <path d="M33.128 9V72" stroke="white" strokeOpacity="0.151934" strokeWidth="0.5" strokeLinecap="square"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M8 71.9242H136V71.7726H8V71.9242Z" stroke="white" strokeOpacity="0.45" strokeWidth="0.128989" strokeLinecap="square"/>
    <path d="M58.6725 9V72" stroke="white" strokeOpacity="0.151934" strokeWidth="0.5" strokeLinecap="square"/>
    <path d="M84.4945 9V72" stroke="white" strokeOpacity="0.151934" strokeWidth="0.5" strokeLinecap="square"/>
    <path d="M110.039 9V72" stroke="white" strokeOpacity="0.151934" strokeWidth="0.5" strokeLinecap="square"/>
    <path d="M135.861 9V72" stroke="white" strokeOpacity="0.151934" strokeWidth="0.5" strokeLinecap="square"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M8 28.6875H52.4252V37.6875H8V28.6875Z" fill="#61DDAA"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M8 44.4375H45.2061V53.4375H8V44.4375Z" fill="#61DDAA"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M45.2061 44.4375H72.4165V53.4375H45.2061V44.4375Z" fill="#61DDAA"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M8 60.1875H41.8742V69.1875H8V60.1875Z" fill="#61DDAA"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M41.8741 60.1875H65.475V69.1875H41.8741V60.1875Z" fill="#61DDAA"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M8 12.9375H67.141V21.9375H8V12.9375Z" fill="#61DDAA"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M67.141 12.9375H115.453V21.9375H67.141V12.9375Z" fill="#61DDAA"/>
  </svg>,
)

export const LineChart = CreateIcon(
  <svg width="144" height="80" viewBox="0 0 144 80" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="144" height="80" fill="#1D1E1F"/>
    <path d="M9 60.7639H134" stroke="white" strokeOpacity="0.151934" strokeWidth="0.132991" strokeLinecap="square"/>
    <path d="M9 46.7414H134" stroke="white" strokeOpacity="0.151934" strokeWidth="0.132991" strokeLinecap="square"/>
    <path d="M9 32.5842H134" stroke="white" strokeOpacity="0.151934" strokeWidth="0.132991" strokeLinecap="square"/>
    <path d="M9 18.427H134" stroke="white" strokeOpacity="0.151934" strokeWidth="0.132991" strokeLinecap="square"/>
    <path d="M9 4.38776L133.999 4" stroke="white" strokeOpacity="0.151934" strokeWidth="0.132991" strokeLinecap="square"/>
    <path d="M9 75.0559H134" stroke="white" strokeOpacity="0.45" strokeWidth="0.132991" strokeLinecap="square"/>
    <path d="M14.1866 76V74.9211" stroke="white" strokeOpacity="0.45" strokeWidth="0.132991" strokeLinecap="square"/>
    <path d="M46.8989 76V74.9211" stroke="white" strokeOpacity="0.45" strokeWidth="0.132991" strokeLinecap="square"/>
    <path d="M30.6755 76V74.9211" stroke="white" strokeOpacity="0.45" strokeWidth="0.132991" strokeLinecap="square"/>
    <path d="M79.8777 76V74.9211" stroke="white" strokeOpacity="0.45" strokeWidth="0.132991" strokeLinecap="square"/>
    <path d="M63.3883 76V74.9211" stroke="white" strokeOpacity="0.45" strokeWidth="0.132991" strokeLinecap="square"/>
    <path d="M96.3671 76V74.9211" stroke="white" strokeOpacity="0.45" strokeWidth="0.132991" strokeLinecap="square"/>
    <path d="M112.59 76V74.9211" stroke="white" strokeOpacity="0.45" strokeWidth="0.132991" strokeLinecap="square"/>
    <path d="M129.08 76V74.9211" stroke="white" strokeOpacity="0.45" strokeWidth="0.132991" strokeLinecap="square"/>
    <path d="M13.8874 48.8989L17.777 49.8427L22.9941 51.3472L30.277 46.8764L38.4718 50.6517L46.7664 52.5393L56.4364 45.2585H63.4677L79.7451 37.4383L88.7638 41.2135L96.3155 36.09L112.325 34.6281L123.106 13.0366L128.947 9.93274" stroke="#5B8FF9" strokeLinecap="round" strokeLinejoin="round"/>
    <ellipse cx="13.8874" cy="48.7641" rx="0.797944" ry="0.80918" fill="#5B8FF9"/>
    <path d="M13.8874 49.7062C14.4032 49.7062 14.8183 49.2827 14.8183 48.7641C14.8183 48.2455 14.4032 47.8219 13.8874 47.8219C13.3715 47.8219 12.9564 48.2455 12.9564 48.7641C12.9564 49.2827 13.3715 49.7062 13.8874 49.7062Z" stroke="#141414" strokeOpacity="0.85" strokeWidth="0.265981"/>
    <ellipse cx="30.2767" cy="46.8764" rx="0.797944" ry="0.80918" fill="#5B8FF9"/>
    <path d="M30.2767 47.8186C30.7926 47.8186 31.2076 47.395 31.2076 46.8764C31.2076 46.3579 30.7926 45.9343 30.2767 45.9343C29.7608 45.9343 29.3458 46.3579 29.3458 46.8764C29.3458 47.395 29.7608 47.8186 30.2767 47.8186Z" stroke="#141414" strokeOpacity="0.85" strokeWidth="0.265981"/>
    <ellipse cx="46.766" cy="52.5394" rx="0.797944" ry="0.80918" fill="#5B8FF9"/>
    <path d="M46.766 53.4816C47.2819 53.4816 47.697 53.058 47.697 52.5394C47.697 52.0208 47.2819 51.5972 46.766 51.5972C46.2501 51.5972 45.8351 52.0208 45.8351 52.5394C45.8351 53.058 46.2501 53.4816 46.766 53.4816Z" stroke="#141414" strokeOpacity="0.85" strokeWidth="0.265981"/>
    <ellipse cx="63.2554" cy="45.2585" rx="0.797944" ry="0.80918" fill="#5B8FF9"/>
    <path d="M63.2554 46.2006C63.7713 46.2006 64.1863 45.777 64.1863 45.2585C64.1863 44.7399 63.7713 44.3163 63.2554 44.3163C62.7395 44.3163 62.3245 44.7399 62.3245 45.2585C62.3245 45.777 62.7395 46.2006 63.2554 46.2006Z" stroke="#141414" strokeOpacity="0.85" strokeWidth="0.265981"/>
    <ellipse cx="79.7447" cy="37.708" rx="0.797944" ry="0.80918" fill="#5B8FF9"/>
    <path d="M79.7447 38.6502C80.2606 38.6502 80.6757 38.2266 80.6757 37.708C80.6757 37.1894 80.2606 36.7658 79.7447 36.7658C79.2288 36.7658 78.8138 37.1894 78.8138 37.708C78.8138 38.2266 79.2288 38.6502 79.7447 38.6502Z" stroke="#141414" strokeOpacity="0.85" strokeWidth="0.265981"/>
    <ellipse cx="95.9682" cy="36.3597" rx="0.797944" ry="0.80918" fill="#5B8FF9"/>
    <path d="M95.9682 37.3018C96.4841 37.3018 96.8991 36.8782 96.8991 36.3597C96.8991 35.8411 96.4841 35.4175 95.9682 35.4175C95.4523 35.4175 95.0372 35.8411 95.0372 36.3597C95.0372 36.8782 95.4523 37.3018 95.9682 37.3018Z" stroke="#141414" strokeOpacity="0.85" strokeWidth="0.265981"/>
    <ellipse cx="112.457" cy="34.7417" rx="0.797944" ry="0.80918" fill="#5B8FF9"/>
    <path d="M112.457 35.6838C112.973 35.6838 113.388 35.2603 113.388 34.7417C113.388 34.2231 112.973 33.7995 112.457 33.7995C111.942 33.7995 111.527 34.2231 111.527 34.7417C111.527 35.2603 111.942 35.6838 112.457 35.6838Z" stroke="#141414" strokeOpacity="0.85" strokeWidth="0.265981"/>
    <ellipse cx="128.947" cy="9.93278" rx="0.797944" ry="0.80918" fill="#5B8FF9"/>
    <path d="M128.947 10.8749C129.463 10.8749 129.878 10.4514 129.878 9.93278C129.878 9.41419 129.463 8.99061 128.947 8.99061C128.431 8.99061 128.016 9.41419 128.016 9.93278C128.016 10.4514 128.431 10.8749 128.947 10.8749Z" stroke="#141414" strokeOpacity="0.85" strokeWidth="0.265981"/>
  </svg>,
)

export const AreaChart = CreateIcon(
  <svg width="144" height="80" viewBox="0 0 144 80" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="144" height="80" fill="#1D1E1F"/>
    <path d="M8 20.7058H136" stroke="white" strokeOpacity="0.151934" strokeWidth="0.133745" strokeLinecap="square"/>
    <path d="M8 46.6522H136" stroke="white" strokeOpacity="0.151934" strokeWidth="0.133745" strokeLinecap="square"/>
    <path d="M8 59.7592H136" stroke="white" strokeOpacity="0.151934" strokeWidth="0.133745" strokeLinecap="square"/>
    <path d="M12.3026 53.607L16.3478 54.5432L21.7736 56.0355L29.348 51.6008L37.8707 55.3457L46.4972 57.2181L56.5541 49.9959H63.8667L80.7955 42.2387L90.175 45.9835L98.029 40.9012L114.679 39.4512L125.891 18.0335L131.966 14.9547" stroke="#5B8FF9" strokeWidth="0.534979" strokeLinecap="round" strokeLinejoin="round"/>
    <path opacity="0.25" fillRule="evenodd" clipRule="evenodd" d="M12.3026 54.0984L16.2178 54.6346L21.6497 56.1304L29.2326 51.6854L37.7649 55.4389L46.401 57.3157L56.4693 50.0768H63.7901L80.7379 42.3017L90.128 46.0552L97.9908 40.9611L114.659 39.5077L125.884 18.0407L131.966 14.9547V73L12.3026 72.7319V54.0984Z" fill="url(#paint0_linear)"/>
    <path d="M8 72.8662H136" stroke="white" strokeOpacity="0.45" strokeWidth="0.133745" strokeLinecap="square"/>
    <path d="M8 8.13374H136" stroke="white" strokeOpacity="0.151934" strokeWidth="0.133745" strokeLinecap="square"/>
    <path d="M8 33.5452H136" stroke="white" strokeOpacity="0.151934" strokeWidth="0.133745" strokeLinecap="square"/>
    <defs>
      <linearGradient id="paint0_linear" x1="131.966" y1="73" x2="131.966" y2="14.9547" gradientUnits="userSpaceOnUse">
        <stop stopColor="#141414"/>
        <stop offset="1" stopColor="#5B8FF9"/>
      </linearGradient>
    </defs>
  </svg>,
)

export const CircularChart = CreateIcon(
  <svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
    <g opacity="0.95">
      <path fillRule="evenodd" clipRule="evenodd" d="M25.9999 10.6795C26.0067 10.6795 26.0136 10.6795 26.0205 10.6795C34.5085 10.6795 41.3894 17.5647 41.3894 26.058C41.3894 30.1191 39.8163 33.8125 37.2465 36.5614L44.9527 43.7981C52.0496 36.2405 53.9784 25.1889 49.861 15.6741C45.7437 6.15929 36.3672 0 25.9999 0V10.6795Z" fill="#5B8FF9"/>
      <path fillRule="evenodd" clipRule="evenodd" d="M14.1955 16.2342L5.96699 9.42688C-2.98319 20.246 -1.72626 36.2169 8.80617 45.5027C19.3386 54.7884 35.3409 54.0338 44.9527 43.798L37.2465 36.5613C34.4419 39.5615 30.45 41.4366 26.0205 41.4366C17.5324 41.4366 10.6515 34.5514 10.6515 26.058C10.6515 22.3228 11.9824 18.8985 14.1955 16.2342Z" fill="#61DDAA"/>
      <path fillRule="evenodd" clipRule="evenodd" d="M25.9999 10.6795V0C18.2512 0 10.9062 3.45632 5.96698 9.42695L14.1955 16.2343C17.0106 12.8453 21.2531 10.6857 25.9999 10.6795Z" fill="#65789B"/>
      <path fillRule="evenodd" clipRule="evenodd" d="M26 10.6795L26 0C24.6356 0 23.2837 0.107161 21.9553 0.316341L23.6167 10.8665C24.3934 10.7444 25.1893 10.6806 26 10.6795Z" fill="#F6BD16"/>
    </g>
  </svg>,
)

export const PieChart = CreateIcon(
  <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
    <g opacity="0.95">
      <path fillRule="evenodd" clipRule="evenodd" d="M24.9999 24.9999L43.2238 42.1135C50.0478 34.8466 51.9023 24.2201 47.9433 15.0713C43.9843 5.92239 34.9685 0 24.9999 0V24.9999Z" fill="#5B8FF9"/>
      <path fillRule="evenodd" clipRule="evenodd" d="M24.9999 24.9999L5.73749 9.06433C-2.86845 19.4673 -1.65987 34.824 8.46747 43.7526C18.5948 52.6812 33.9816 51.9556 43.2238 42.1135L24.9999 24.9999Z" fill="#61DDAA"/>
      <path fillRule="evenodd" clipRule="evenodd" d="M24.9999 24.9999V0C17.5492 0 10.4868 3.32339 5.73749 9.06437L24.9999 24.9999Z" fill="#65789B"/>
      <path fillRule="evenodd" clipRule="evenodd" d="M24.9999 24.9999L24.9999 0C23.898 0 22.8046 0.0726877 21.726 0.215133C24.901 25.1431 24.9999 24.9999 24.9999 24.9999Z" fill="#F6BD16"/>
    </g>
  </svg>,
)

export const RadarChart = CreateIcon(
  <svg width="53" height="57" viewBox="0 0 53 57" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path fillRule="evenodd" clipRule="evenodd" d="M26.8042 1L42.9242 6.25203L52.8042 20.002V36.998L42.9242 50.748L26.8042 56L10.9521 50.748L1.0722 36.998L1.0722 20.002L10.9521 6.25203L26.8042 1Z" stroke="white" strokeOpacity="0.45" strokeWidth="0.135468" strokeLinecap="square"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M26.9373 8.04431L38.7819 11.9251L46.1023 22.0852V34.6438L38.7819 44.8039L26.9373 48.6847L15.0928 44.8039L7.7724 34.6438L7.7724 22.0852L15.0928 11.9251L26.9373 8.04431Z" stroke="white" strokeOpacity="0.151934" strokeWidth="0.135468" strokeLinecap="square"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M26.9372 15.0886L34.6404 17.6241L39.4012 24.262V32.4669L34.6404 39.1049L26.9372 41.6403L19.2341 39.1049L14.4733 32.4669L14.4733 24.262L19.2341 17.6241L26.9372 15.0886Z" stroke="white" strokeOpacity="0.151934" strokeWidth="0.135468" strokeLinecap="square"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M26.9373 21.8619L30.4989 23.0521L32.7002 26.1678V30.0191L30.4989 33.1349L26.9373 34.325L23.3756 33.1349L21.1744 30.0191V26.1678L23.3756 23.0521L26.9373 21.8619Z" stroke="white" strokeOpacity="0.151934" strokeWidth="0.135468" strokeLinecap="square"/>
    <path d="M10.9889 50.7167L42.8858 6.28317" stroke="white" strokeOpacity="0.151934" strokeWidth="0.135468" strokeLinecap="square"/>
    <path d="M42.8099 50.7756L10.9888 6.4187" stroke="white" strokeOpacity="0.151934" strokeWidth="0.135468" strokeLinecap="square"/>
    <path d="M52.8033 37.0344L1.07133 19.9655" stroke="white" strokeOpacity="0.151934" strokeWidth="0.135468" strokeLinecap="square"/>
    <path d="M52.8032 19.9655L1.07128 37.0344" stroke="white" strokeOpacity="0.151934" strokeWidth="0.135468" strokeLinecap="square"/>
    <path d="M26.8032 56V1" stroke="white" strokeOpacity="0.151934" strokeWidth="0.135468" strokeLinecap="square"/>
    <path d="M17.4808 15.318L17.5044 15.3L17.5237 15.2774L26.5115 4.68912L38.7572 11.8993L42.3727 23.4081L38.7333 32.4046L38.7135 32.4535V32.5062V45.025L27.1195 51.3305L17.5972 41.8346L18.4032 31.7842L18.4139 31.6503L18.3138 31.5607L8.10855 22.4221L17.4808 15.318Z" fill="#5B8FF9" fillOpacity="0.25" stroke="#5B8FF9" strokeWidth="0.541872"/>
    <path opacity="0.85" fillRule="evenodd" clipRule="evenodd" d="M26.8032 5.87684C25.3737 5.87684 25.3737 3.70935 26.8032 3.70935C28.2328 3.70935 28.2328 5.87684 26.8032 5.87684Z" fill="#141414"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M26.8032 5.60584C25.731 5.60584 25.731 3.98022 26.8032 3.98022C27.8754 3.98022 27.8754 5.60584 26.8032 5.60584Z" fill="#5B8FF9"/>
    <path opacity="0.85" fillRule="evenodd" clipRule="evenodd" d="M38.8651 13.192C37.4355 13.192 37.4355 11.0245 38.8651 11.0245C40.2946 11.0245 40.2946 13.192 38.8651 13.192Z" fill="#141414"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M38.8651 12.9213C37.7929 12.9213 37.7929 11.2957 38.8651 11.2957C39.9373 11.2957 39.9373 12.9213 38.8651 12.9213Z" fill="#5B8FF9"/>
    <path opacity="0.85" fillRule="evenodd" clipRule="evenodd" d="M42.3496 24.5713C40.9201 24.5713 40.9201 22.4038 42.3496 22.4038C43.7792 22.4038 43.7792 24.5713 42.3496 24.5713Z" fill="#141414"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M42.3496 24.3004C41.2774 24.3004 41.2774 22.6748 42.3496 22.6748C43.4218 22.6748 43.4218 24.3004 42.3496 24.3004Z" fill="#5B8FF9"/>
    <path opacity="0.85" fillRule="evenodd" clipRule="evenodd" d="M38.8651 33.5122C37.4355 33.5122 37.4355 31.3447 38.8651 31.3447C40.2946 31.3447 40.2946 33.5122 38.8651 33.5122Z" fill="#141414"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M38.8651 33.2413C37.7929 33.2413 37.7929 31.6157 38.8651 31.6157C39.9373 31.6157 39.9373 33.2413 38.8651 33.2413Z" fill="#5B8FF9"/>
    <path opacity="0.85" fillRule="evenodd" clipRule="evenodd" d="M38.5971 45.9752C37.1675 45.9752 37.1675 43.8077 38.5971 43.8077C40.0266 43.8077 40.0266 45.9752 38.5971 45.9752Z" fill="#141414"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M38.597 45.7044C37.5248 45.7044 37.5248 44.0787 38.597 44.0787C39.6691 44.0787 39.6691 45.7044 38.597 45.7044Z" fill="#5B8FF9"/>
    <path opacity="0.85" fillRule="evenodd" clipRule="evenodd" d="M26.8032 52.2068C25.3737 52.2068 25.3737 50.0393 26.8032 50.0393C28.2328 50.0393 28.2328 52.2068 26.8032 52.2068Z" fill="#141414"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M26.8032 51.9359C25.731 51.9359 25.731 50.3103 26.8032 50.3103C27.8754 50.3103 27.8754 51.9359 26.8032 51.9359Z" fill="#5B8FF9"/>
    <path opacity="0.85" fillRule="evenodd" clipRule="evenodd" d="M17.4218 42.995C15.9922 42.995 15.9922 40.8275 17.4218 40.8275C18.8513 40.8275 18.8513 42.995 17.4218 42.995Z" fill="#141414"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M17.4218 42.724C16.3496 42.724 16.3496 41.0984 17.4218 41.0984C18.494 41.0984 18.494 42.724 17.4218 42.724Z" fill="#5B8FF9"/>
    <path opacity="0.85" fillRule="evenodd" clipRule="evenodd" d="M18.2259 32.6995C16.7964 32.6995 16.7964 30.532 18.2259 30.532C19.6555 30.532 19.6555 32.6995 18.2259 32.6995Z" fill="#141414"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M18.2259 32.4285C17.1538 32.4285 17.1538 30.8029 18.2259 30.8029C19.2981 30.8029 19.2981 32.4285 18.2259 32.4285Z" fill="#5B8FF9"/>
    <path opacity="0.85" fillRule="evenodd" clipRule="evenodd" d="M8.0403 23.4876C6.61075 23.4876 6.61075 21.3201 8.0403 21.3201C9.46986 21.3201 9.46986 23.4876 8.0403 23.4876Z" fill="#141414"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M8.04033 23.2167C6.96816 23.2167 6.96816 21.5911 8.04033 21.5911C9.11249 21.5911 9.11249 23.2167 8.04033 23.2167Z" fill="#5B8FF9"/>
    <path opacity="0.85" fillRule="evenodd" clipRule="evenodd" d="M17.1538 16.4432C15.7242 16.4432 15.7242 14.2758 17.1538 14.2758C18.5833 14.2758 18.5833 16.4432 17.1538 16.4432Z" fill="#141414"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M17.1537 16.1724C16.0816 16.1724 16.0816 14.5468 17.1537 14.5468C18.2259 14.5468 18.2259 16.1724 17.1537 16.1724Z" fill="#5B8FF9"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M14.5936 11.6794L27.0714 19.4236L41.1524 8.91992L46.0811 22.3679L41.963 33.8319L41.1524 47.9227L26.4318 45.0814L19.1181 38.9776L14.2343 32.3785V24.1241L14.5936 11.6794Z" fill="#61DDAA" fillOpacity="0.25" stroke="#5AD8A6" strokeWidth="0.541872"/>
    <path opacity="0.85" fillRule="evenodd" clipRule="evenodd" d="M14.7415 12.9213C13.3119 12.9213 13.3119 10.7538 14.7415 10.7538C16.171 10.7538 16.171 12.9213 14.7415 12.9213Z" fill="#141414"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M14.7414 12.6503C13.6693 12.6503 13.6693 11.0247 14.7414 11.0247C15.8136 11.0247 15.8136 12.6503 14.7414 12.6503Z" fill="#5AD8A6"/>
    <path opacity="0.85" fillRule="evenodd" clipRule="evenodd" d="M27.0713 20.2363C25.6418 20.2363 25.6418 18.0688 27.0713 18.0688C28.5009 18.0688 28.5009 20.2363 27.0713 20.2363Z" fill="#141414"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M27.0713 19.9655C25.9991 19.9655 25.9991 18.3398 27.0713 18.3398C28.1434 18.3398 28.1434 19.9655 27.0713 19.9655Z" fill="#5AD8A6"/>
    <path opacity="0.85" fillRule="evenodd" clipRule="evenodd" d="M41.0094 10.2118C39.5799 10.2118 39.5799 8.04431 41.0094 8.04431C42.439 8.04431 42.439 10.2118 41.0094 10.2118Z" fill="#141414"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M41.0094 9.94092C39.9373 9.94092 39.9373 8.31531 41.0094 8.31531C42.0816 8.31531 42.0816 9.94092 41.0094 9.94092Z" fill="#61DDAA"/>
    <path opacity="0.85" fillRule="evenodd" clipRule="evenodd" d="M46.1023 23.2168C44.6727 23.2168 44.6727 21.0493 46.1023 21.0493C47.5318 21.0493 47.5318 23.2168 46.1023 23.2168Z" fill="#141414"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M46.1022 22.9457C45.0301 22.9457 45.0301 21.3201 46.1022 21.3201C47.1744 21.3201 47.1744 22.9457 46.1022 22.9457Z" fill="#61DDAA"/>
    <path opacity="0.85" fillRule="evenodd" clipRule="evenodd" d="M42.3496 34.5961C40.9201 34.5961 40.9201 32.4286 42.3496 32.4286C43.7792 32.4286 43.7792 34.5961 42.3496 34.5961Z" fill="#141414"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M42.3497 34.3251C41.2775 34.3251 41.2775 32.6995 42.3497 32.6995C43.4218 32.6995 43.4218 34.3251 42.3497 34.3251Z" fill="#61DDAA"/>
    <path opacity="0.85" fillRule="evenodd" clipRule="evenodd" d="M41.0094 48.9556C39.5799 48.9556 39.5799 46.7881 41.0094 46.7881C42.439 46.7881 42.439 48.9556 41.0094 48.9556Z" fill="#141414"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M41.0094 48.6847C39.9373 48.6847 39.9373 47.0591 41.0094 47.0591C42.0816 47.0591 42.0816 48.6847 41.0094 48.6847Z" fill="#61DDAA"/>
    <path opacity="0.85" fillRule="evenodd" clipRule="evenodd" d="M26.8033 45.9753C25.3738 45.9753 25.3738 43.8079 26.8033 43.8079C28.2329 43.8079 28.2329 45.9753 26.8033 45.9753Z" fill="#141414"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M26.8033 45.7045C25.7311 45.7045 25.7311 44.0789 26.8033 44.0789C27.8754 44.0789 27.8754 45.7045 26.8033 45.7045Z" fill="#61DDAA"/>
    <path opacity="0.85" fillRule="evenodd" clipRule="evenodd" d="M19.2981 40.2857C17.8685 40.2857 17.8685 38.1182 19.2981 38.1182C20.7276 38.1182 20.7276 40.2857 19.2981 40.2857Z" fill="#141414"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M19.2981 40.0149C18.2259 40.0149 18.2259 38.3893 19.2981 38.3893C20.3702 38.3893 20.3702 40.0149 19.2981 40.0149Z" fill="#61DDAA"/>
    <path opacity="0.85" fillRule="evenodd" clipRule="evenodd" d="M14.2053 33.7832C12.7758 33.7832 12.7758 31.6157 14.2053 31.6157C15.6349 31.6157 15.6349 33.7832 14.2053 33.7832Z" fill="#141414"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M14.2054 33.5123C13.1332 33.5123 13.1332 31.8867 14.2054 31.8867C15.2775 31.8867 15.2775 33.5123 14.2054 33.5123Z" fill="#61DDAA"/>
  </svg>,
)

export const FunnelIcon = CreateIcon(
  <svg width="52" height="40" viewBox="0 0 52 40" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path fillRule="evenodd" clipRule="evenodd" d="M52 0L45.2895 10H6.697L0 0H52Z" fill="#5B8FF9"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M45.2903 10L36.4851 20H15.5014L6.7097 10H45.2903Z" fill="#61DDAA"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M31.238 30L36.4458 20H15.5543L20.7756 30H31.238Z" fill="#65789B"/>
    <path fillRule="evenodd" clipRule="evenodd" d="M31.261 30V40H20.739V30H31.261Z" fill="#F6BD16"/>
  </svg>,
)

export const DashboardIcon = CreateIcon(
  <svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M27 32.5C27 33.3284 26.3284 34 25.5 34C24.6716 34 24 33.3284 24 32.5C24 31.6716 24.6716 31 25.5 31C26.3284 31 27 31.6716 27 32.5Z" fill="#5889EE"/>
    <rect x="25" y="11" width="1" height="19" fill="#5889EE"/>
    <path d="M48.1563 35.6242C49.0902 36.0298 50.1829 35.6033 50.5214 34.643C51.7335 31.2042 52.211 27.5419 51.9146 23.894C51.5682 19.6323 50.1762 15.5218 47.8619 11.9266C45.5475 8.33144 42.3822 5.3625 38.6463 3.2828C34.9104 1.2031 30.7193 0.0768483 26.4442 0.00379519C22.1691 -0.069258 17.942 0.913146 14.1372 2.86399C10.3325 4.81483 7.06761 7.67389 4.63174 11.1879C2.19588 14.702 0.664251 18.7625 0.172516 23.0098C-0.248396 26.6455 0.103736 30.3219 1.19762 33.8001C1.5031 34.7715 2.58056 35.2351 3.52784 34.8615C4.47511 34.488 4.93233 33.4188 4.63825 32.444C3.76017 29.5332 3.48437 26.467 3.83552 23.4339C4.25751 19.7889 5.57192 16.3043 7.66231 13.2887C9.75271 10.273 12.5546 7.81943 15.8197 6.14527C19.0848 4.47111 22.7124 3.62803 26.3812 3.69073C30.05 3.75342 33.6467 4.71994 36.8527 6.50468C40.0588 8.28942 42.7751 10.8373 44.7613 13.9226C46.7474 17.0079 47.942 20.5354 48.2392 24.1927C48.4865 27.236 48.1061 30.2909 47.1291 33.1701C46.8019 34.1343 47.2223 35.2185 48.1563 35.6242Z" fill="#61DDAA"/>
  </svg>,
)

// Sider
export const BarChartIcon = CreateIcon(
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M1.33331 8.66667H5.33331V14H1.33331V8.66667ZM5.99998 2H9.99998V14H5.99998V2ZM10.6666 5.33333H14.6666V14H10.6666V5.33333Z" fill="white"/>
  </svg>,
)

export const PictureIcon = CreateIcon(
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M3.33333 7.4L4.66667 6.06667L8.33333 9.73333L10.6667 7.4L12.6667 9.4V3.33333H3.33333V7.4ZM2.66667 2H13.3333C13.5101 2 13.6797 2.07024 13.8047 2.19526C13.9298 2.32029 14 2.48986 14 2.66667V13.3333C14 13.5101 13.9298 13.6797 13.8047 13.8047C13.6797 13.9298 13.5101 14 13.3333 14H2.66667C2.48986 14 2.32029 13.9298 2.19526 13.8047C2.07024 13.6797 2 13.5101 2 13.3333V2.66667C2 2.48986 2.07024 2.32029 2.19526 2.19526C2.32029 2.07024 2.48986 2 2.66667 2ZM10.3333 6.66667C10.0681 6.66667 9.81376 6.56131 9.62623 6.37377C9.43869 6.18624 9.33333 5.93188 9.33333 5.66667C9.33333 5.40145 9.43869 5.1471 9.62623 4.95956C9.81376 4.77202 10.0681 4.66667 10.3333 4.66667C10.5985 4.66667 10.8529 4.77202 11.0404 4.95956C11.228 5.1471 11.3333 5.40145 11.3333 5.66667C11.3333 5.93188 11.228 6.18624 11.0404 6.37377C10.8529 6.56131 10.5985 6.66667 10.3333 6.66667Z" fill="white"/>
  </svg>,
)

export const TextIcon = CreateIcon(
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M8.66665 4.00002V14H7.33331V4.00002H3.33331V2.66669H12.6666V4.00002H8.66665Z" fill="white"/>
  </svg>,
)

// Header
export const LeftIcon = CreateIcon(
  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M7.828 11H20V13H7.828L13.192 18.364L11.778 19.778L4 12L11.778 4.22198L13.192 5.63598L7.828 11Z" fill="white"/>
  </svg>,
)

export const TempIcon = CreateIcon(
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M14.6666 10.6667V13.3333C14.6666 13.5101 14.5964 13.6797 14.4714 13.8047C14.3464 13.9298 14.1768 14 14 14H1.99998C1.82317 14 1.6536 13.9298 1.52858 13.8047C1.40355 13.6797 1.33331 13.5101 1.33331 13.3333V10.6667H14.6666ZM14 2C14.1768 2 14.3464 2.07024 14.4714 2.19526C14.5964 2.32029 14.6666 2.48986 14.6666 2.66667V9.33333H1.33331V2.66667C1.33331 2.48986 1.40355 2.32029 1.52858 2.19526C1.6536 2.07024 1.82317 2 1.99998 2H14Z" fill="white"/>
  </svg>,
)

export const UndoIcon = CreateIcon(
  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M6.66666 5.83331V9.16665L1.66666 4.99998L6.66666 0.833313V4.16665H10.8333C12.6014 4.16665 14.2971 4.86903 15.5474 6.11927C16.7976 7.36951 17.5 9.0652 17.5 10.8333C17.5 12.6014 16.7976 14.2971 15.5474 15.5474C14.2971 16.7976 12.6014 17.5 10.8333 17.5H3.33333V15.8333H10.8333C12.1594 15.8333 13.4312 15.3065 14.3689 14.3688C15.3065 13.4312 15.8333 12.1594 15.8333 10.8333C15.8333 9.50723 15.3065 8.23546 14.3689 7.29778C13.4312 6.3601 12.1594 5.83331 10.8333 5.83331H6.66666Z" fill="white"/>
  </svg>,
)

export const RedoIcon = CreateIcon(
  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M13.3333 5.83331H9.16667C7.84058 5.83331 6.56882 6.3601 5.63113 7.29778C4.69345 8.23546 4.16667 9.50723 4.16667 10.8333C4.16667 12.1594 4.69345 13.4312 5.63113 14.3688C6.56882 15.3065 7.84058 15.8333 9.16667 15.8333H16.6667V17.5H9.16667C7.39856 17.5 5.70286 16.7976 4.45262 15.5474C3.20238 14.2971 2.5 12.6014 2.5 10.8333C2.5 9.0652 3.20238 7.36951 4.45262 6.11927C5.70286 4.86903 7.39856 4.16665 9.16667 4.16665H13.3333V0.833313L18.3333 4.99998L13.3333 9.16665V5.83331Z" fill="white"/>
  </svg>,
)

export const DeleteIcon = CreateIcon(
  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M5.83333 3.33335V1.66669H14.1667V3.33335H18.3333V5.00002H16.6667V17.5C16.6667 17.721 16.5789 17.933 16.4226 18.0893C16.2663 18.2456 16.0543 18.3334 15.8333 18.3334H4.16667C3.94565 18.3334 3.73369 18.2456 3.57741 18.0893C3.42113 17.933 3.33333 17.721 3.33333 17.5V5.00002H1.66667V3.33335H5.83333ZM5 5.00002V16.6667H15V5.00002H5ZM7.5 7.50002H9.16667V14.1667H7.5V7.50002ZM10.8333 7.50002H12.5V14.1667H10.8333V7.50002Z" fill="white"/>
  </svg>,
)

export const EyeIcon = CreateIcon(
  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M9.99999 2.5C14.4933 2.5 18.2317 5.73333 19.0158 10C18.2325 14.2667 14.4933 17.5 9.99999 17.5C5.50666 17.5 1.76833 14.2667 0.984161 10C1.76749 5.73333 5.50666 2.5 9.99999 2.5ZM9.99999 15.8333C11.6996 15.833 13.3486 15.2557 14.6774 14.196C16.0061 13.1363 16.9357 11.6569 17.3142 10C16.9344 8.34442 16.0041 6.86667 14.6755 5.80835C13.3469 4.75004 11.6986 4.17377 9.99999 4.17377C8.30141 4.17377 6.65307 4.75004 5.32447 5.80835C3.99588 6.86667 3.06563 8.34442 2.68583 10C3.06424 11.6569 3.99389 13.1363 5.32261 14.196C6.65134 15.2557 8.30044 15.833 9.99999 15.8333ZM9.99999 13.75C9.00543 13.75 8.05161 13.3549 7.34834 12.6516C6.64508 11.9484 6.24999 10.9946 6.24999 10C6.24999 9.00544 6.64508 8.05161 7.34834 7.34835C8.05161 6.64509 9.00543 6.25 9.99999 6.25C10.9946 6.25 11.9484 6.64509 12.6516 7.34835C13.3549 8.05161 13.75 9.00544 13.75 10C13.75 10.9946 13.3549 11.9484 12.6516 12.6516C11.9484 13.3549 10.9946 13.75 9.99999 13.75ZM9.99999 12.0833C10.5525 12.0833 11.0824 11.8638 11.4731 11.4731C11.8638 11.0824 12.0833 10.5525 12.0833 10C12.0833 9.44747 11.8638 8.91756 11.4731 8.52686C11.0824 8.13616 10.5525 7.91667 9.99999 7.91667C9.44746 7.91667 8.91756 8.13616 8.52685 8.52686C8.13615 8.91756 7.91666 9.44747 7.91666 10C7.91666 10.5525 8.13615 11.0824 8.52685 11.4731C8.91756 11.8638 9.44746 12.0833 9.99999 12.0833Z" fill="white"/>
  </svg>,
)

export const CameraIcon = CreateIcon(
  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M8.19002 4.16667L6.52335 5.83333H3.33335V15.8333H16.6667V5.83333H13.4767L11.81 4.16667H8.19002ZM7.50002 2.5H12.5L14.1667 4.16667H17.5C17.721 4.16667 17.933 4.25446 18.0893 4.41074C18.2456 4.56702 18.3334 4.77899 18.3334 5V16.6667C18.3334 16.8877 18.2456 17.0996 18.0893 17.2559C17.933 17.4122 17.721 17.5 17.5 17.5H2.50002C2.27901 17.5 2.06704 17.4122 1.91076 17.2559C1.75448 17.0996 1.66669 16.8877 1.66669 16.6667V5C1.66669 4.77899 1.75448 4.56702 1.91076 4.41074C2.06704 4.25446 2.27901 4.16667 2.50002 4.16667H5.83335L7.50002 2.5ZM10 15C8.78445 15 7.61866 14.5171 6.75911 13.6576C5.89957 12.798 5.41669 11.6322 5.41669 10.4167C5.41669 9.20109 5.89957 8.0353 6.75911 7.17576C7.61866 6.31622 8.78445 5.83333 10 5.83333C11.2156 5.83333 12.3814 6.31622 13.2409 7.17576C14.1005 8.0353 14.5834 9.20109 14.5834 10.4167C14.5834 11.6322 14.1005 12.798 13.2409 13.6576C12.3814 14.5171 11.2156 15 10 15ZM10 13.3333C10.7736 13.3333 11.5154 13.026 12.0624 12.4791C12.6094 11.9321 12.9167 11.1902 12.9167 10.4167C12.9167 9.64312 12.6094 8.90125 12.0624 8.35427C11.5154 7.80729 10.7736 7.5 10 7.5C9.22647 7.5 8.48461 7.80729 7.93763 8.35427C7.39065 8.90125 7.08335 9.64312 7.08335 10.4167C7.08335 11.1902 7.39065 11.9321 7.93763 12.4791C8.48461 13.026 9.22647 13.3333 10 13.3333Z" fill="white"/>
  </svg>,
)

export const FileIcon = CreateIcon(
  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M5.83333 15.8333V10.8333H14.1667V15.8333H15.8333V6.52333L13.4767 4.16667H4.16667V15.8333H5.83333ZM3.33333 2.5H14.1667L17.5 5.83333V16.6667C17.5 16.8877 17.4122 17.0996 17.2559 17.2559C17.0996 17.4122 16.8877 17.5 16.6667 17.5H3.33333C3.11232 17.5 2.90036 17.4122 2.74408 17.2559C2.5878 17.0996 2.5 16.8877 2.5 16.6667V3.33333C2.5 3.11232 2.5878 2.90036 2.74408 2.74408C2.90036 2.5878 3.11232 2.5 3.33333 2.5ZM7.5 12.5V15.8333H12.5V12.5H7.5Z" fill="white"/>
  </svg>,
)

export const ReleaseIcon = CreateIcon(
  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M1.62169 7.76249C1.18669 7.61749 1.18253 7.38333 1.63003 7.23416L17.5359 1.93249C17.9767 1.78583 18.2292 2.03249 18.1059 2.46416L13.5609 18.3692C13.4359 18.81 13.1817 18.825 12.995 18.4067L10 11.6667L15 4.99999L8.33336 9.99999L1.62169 7.76249Z" fill="white"/>
  </svg>,
)

export const WorldIcon = () => <div style={{ width: '144px' }}><img src={WorldImg} style={{ width: '100%' }} /></div>

export const DotIcon = () => <div style={{ width: '144px' }}><img src={Dot} style={{ width: '100%' }} /></div>
export const PopIcon = () => <div style={{ width: '144px' }}><img src={Pop} style={{ width: '100%' }} /></div>
export const ListIcon = () => <div style={{ width: '144px' }}><img src={List} style={{ width: '100%' }} /></div>
export const CloudIcon = () => <div style={{ width: '144px' }}><img src={Cloud} style={{ width: '100%' }} /></div>
